<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

  <title>Materialize - Documentation</title>

  <!-- Favicons -->
  <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
  <meta name="msapplication-TileColor" content="#FFFFFF">
  <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
  <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">

  <!-- Android 5 Chrome Color -->
  <meta name="theme-color" content="#EE6E73">

  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
<!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
  <link href="../../../css/prism.css" rel="stylesheet" />
</head>

<body>






<nav style="position: fixed; top:0; z-index: 100;">
    <div class="nav-wrapper">
        <ul id="nav-mobile" class="right">
            <li>
                <a class="dropdown-button" href="#!" data-activates="1" data-hover="true" id="button1">
                    Hover<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a style="position: relative;" class="dropdown-button" href="#!" data-hover="true" data-activates="11" id="button11">
                    Relative Hover<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a style="position: relative;" class="dropdown-button" href="#!" data-beloworigin="true" data-hover="true" data-activates="2" id="button2">
                    Relative Under Origin<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a class="dropdown-button" href="#!"  data-hover="true" data-beloworigin="true" data-activates="3" id="button3">
                    Long Under Origin<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
        </ul>
    </div>
</nav>

<nav style="margin-top: 100px;">
    <div class="nav-wrapper">
        <ul id="nav-mobile" class="right">
            <li>
                <a class="dropdown-button" href="#!" data-activates="4" data-hover="true" id="button4">
                    Hover<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a style="position: relative;" class="dropdown-button" href="#!" data-activates="5" id="button5">
                    Relative<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a class="dropdown-button waves-effect" href="#!" data-activates="6" id="button6">
                    Overflow Hidden With Waves<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
        </ul>
    </div>
</nav>

<nav style="margin-top: 50px;">
    <div class="nav-wrapper">
        <ul id="nav-mobile" class="right">
            <li>
                <a class="dropdown-button" href="#!" data-activates="7" data-constrainwidth="false" id="button4">
                    No constrainWidth<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a class="dropdown-button" href="#!" data-activates="8" data-gutter="100" id="button4">
                    Gutter 100<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a style="position: relative;" class="dropdown-button" href="#!" data-activates="9" data-beloworigin="true" id="button5">
                    Below Origin<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
            <li>
                <a class="dropdown-button" href="#!" data-activates="10" data-constrainwidth="false" id="button6">
                    Right edge detection<i class="mdi-navigation-arrow-drop-down right"></i>
                </a>
            </li>
        </ul>
    </div>
</nav>









<!-- Dropdown Structure -->
<ul id="1" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/things">Index</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/logs">Logs</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/create">Create Thing</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>
<ul id="2" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/admin/users">Users</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/user/create">Create User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations/new">Invite User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations">Invitations</a>
    </li>
</ul>
<ul id="3" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
</ul>



<!-- end dropdown structure -->


<!-- Dropdown Structure -->
<ul id="4" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/things">Index</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/logs">Logs</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/create">Create Thing</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>
<ul id="5" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/admin/users">Users</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/user/create">Create User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations/new">Invite User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations">Invitations</a>
    </li>
</ul>
<ul id="6" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
    <li>
        <a href="http://myapp.dev/auth/change-password">My profile</a>
    </li>
</ul>


<!-- Options testing -->
<ul id="7" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/things">Index</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/logs">Logs</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/create">Create Thing</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>
<ul id="8" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/things">Index</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/logs">Logs</a>
    </li>
    <li>
        <a href="http://myapp.dev/place/create">Create Thing</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>
<ul id="9" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/admin/users">Users</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/user/create">Create User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations/new">Invite User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations">Invitations</a>
    </li>
</ul>
<ul id="10" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/admin/users">Users</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/user/create">Create User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations/new">Invite User</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>
<ul id="11" class="dropdown-content">
    <li>
        <a href="http://myapp.dev/admin/users">Users</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/user/create">Create User</a>
    </li>
    <li>
        <a href="http://myapp.dev/admin/invitations/new">Invite User</a>
    </li>
    <li>
        <a href="http://myapp.dev/things/manage">Very Long Menu Item That Should Overflow</a>
    </li>
</ul>























<p>asdf</p>
<p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p>
























<!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="../../../bin/materialize.js"></script>
<!--     <script src="js/velocity.min.js"></script>-->
<!--  <script src="js/leanModal.js"></script>-->

  <script>
   $(document).ready(function(){

  });
  </script>

</body>
</html>
